<html>
<head>
<title>Galeri Garboyo</title>
        <link href="config/style.css" rel="stylesheet" type="text/css" media="screen" />   
             
<link rel="shortcut icon" href="image/edit1.jpg">
<script type="text/javascript"></script>
</head>
<body>
 <div id="header">
     <div id="logo"></div>
       <div id="top_menu"></div>
        <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Tentang Garden Suroboyo</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Starter files for implementing Twitter Bootstrap's Carousel -- using Bootstrap version 2.0.4">
    

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 95px;
        padding-bottom: 20px;
                padding-left: 30px;
                padding-right: 30px;
      }
    </style>
    <link href="css/bootstrap-responsive.css" rel="stylesheet">

     </head>
    <body>

    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <div>
          <a class="brand" href="#">GARBOYO</a>
          <div class="nav-collapse">
		  <ul class="nav">
            <li><a href="home.php">Home</a></li>
              
			  <ul class="nav">                           
              <li><a href="tentang garboyo.php">Tentang Garboyo</a></li>
              <ul class="nav"> 
			  <li class="active"><a href="berita.php">Galeri</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                      Wisata Taman
                      <b class="caret"></b>
                </a>
                <ul class="dropdown-menu">
                  <li><a href="taman.php">Taman</a></li>
                  <li><a href="kebun.php">Kebun</a></li>
                </ul>
                                 <li><a href="penjadwalan.php">Penjadwalan</a></li>
                                </li>
             </div> 
                     
        </ul>
                </div>
                  
                       
                </div>
                </div>   
           
   <div id="content">
   	<div id="kiri">
    	 <script src="jquery-1.4.2.js" type="text/javascript"></script>
		<script src="config/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
		<script>
			$(document).ready(function() {
				$('a[rel=fancybox]').fancybox();
			})
		</script>
		<link href="config/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" />
    <table width="100%">
       	<td align="right" style="padding-right:20px">
		<div id=paging> <b>1</b> |  <a href=/media.php?page=gallery&halaman=2>2</a> |  <a href=/media.php?page=gallery&halaman=3>3</a>   &nbsp;&nbsp;&nbsp;</div></td></tr>
   

		<tr><td align="center" colspan='2'>
		<table width=100% align=center border=0>
					<tr valign=top><td align=center>
						  <table align=center>
						  <tr><td align=center width=100><a href='a.jpg' class='hovereffect' rel='fancybox' title='Testing'>
						  <img src='img/a.jpg' width=160 height=360 border=0> </a></tr></td>
						  <tr><td  align=left>
						 <p style='font-size:12px;text-align:center'>
			 <a href='a.jpg' class='hovereffect'>Car free day-Taman Bungkul </a></p></td></tr>
						 </table>
						  </td><td align=center>
						  <table align=center>
						  <tr><td align=center width=100><a href='image/gallery/760859Untitled-1.jpg' class='hovereffect' rel='fancybox' title='Jezmine Blossom'>
						  <img src='image/gallery/760859Untitled-1.jpg' width=160 height=360 border=0> </a></tr></td>
						  <tr><td  align=left>
						 <p style='font-size:12px;text-align:center'>
			 <a href='image/gallery/760859Untitled-1.jpg' class='hovereffect'>Jezmine Blossom </a></p></td></tr>
						 </table>
						  </td><td align=center>
						  <table align=center>
						  <tr><td align=center width=100><a href='image/gallery/681946Natasha Farani.jpg' class='hovereffect' rel='fancybox' title='Natasha Farani'>
						  <img src='image/gallery/681946Natasha Farani.jpg' width=160 height=360 border=0> </a></tr></td>
						  <tr><td  align=left>
						 <p style='font-size:12px;text-align:center'>
			 <a href='image/gallery/681946Natasha Farani.jpg' class='hovereffect'>Natasha Farani </a></p></td></tr>
						 </table>
						  </td><td align=center>
						  <table align=center>
						  <tr><td align=center width=100><a href='image/gallery/104124Pramesti Rahayu.jpg' class='hovereffect' rel='fancybox' title='Pramesti Rahayu'>
						  <img src='image/gallery/104124Pramesti Rahayu.jpg' width=160 height=360 border=0> </a></tr></td>
						  <tr><td  align=left>
						 <p style='font-size:12px;text-align:center'>
			 <a href='image/gallery/104124Pramesti Rahayu.jpg' class='hovereffect'>Pramesti Rahayu </a></p></td></tr>
						 </table>
						  </td></tr><tr><td align=center>
						  <table align=center>
						  <tr><td align=center width=100><a href='image/gallery/472Untitled-2.jpg' class='hovereffect' rel='fancybox' title='Debby Arintika'>
						  <img src='image/gallery/472Untitled-2.jpg' width=160 height=360 border=0> </a></tr></td>
						  <tr><td  align=left>
						 <p style='font-size:12px;text-align:center'>
			 <a href='image/gallery/472Untitled-2.jpg' class='hovereffect'>Debby Arintika </a></p></td></tr>
						 </table>
						  </td><td align=center>
						  <table align=center>
						  <tr><td align=center width=100><a href='image/gallery/770677Untitled-1.jpg' class='hovereffect' rel='fancybox' title='Elissa Yamada'>
						  <img src='image/gallery/770677Untitled-1.jpg' width=160 height=360 border=0> </a></tr></td>
						  <tr><td  align=left>
						 <p style='font-size:12px;text-align:center'>
			 <a href='image/gallery/770677Untitled-1.jpg' class='hovereffect'>Elissa Yamada </a></p></td></tr>
						 </table>
						  </td><td align=center>
						  <table align=center>
						  <tr><td align=center width=100><a href='image/gallery/38442Untitled-3.jpg' class='hovereffect' rel='fancybox' title='Haonisa Shaumi'>
						  <img src='image/gallery/38442Untitled-3.jpg' width=160 height=360 border=0> </a></tr></td>
						  <tr><td  align=left>
						 <p style='font-size:12px;text-align:center'>
			 <a href='image/gallery/38442Untitled-3.jpg' class='hovereffect'>Haonisa Shaumi </a></p></td></tr>
						 </table>
						  </td><td align=center>
						  <table align=center>
						  <tr><td align=center width=100><a href='image/gallery/565338Untitled-2.jpg' class='hovereffect' rel='fancybox' title='Lintang Noerjanto'>
						  <img src='image/gallery/565338Untitled-2.jpg' width=160 height=360 border=0> </a></tr></td>
						  <tr><td  align=left>
						 <p style='font-size:12px;text-align:center'>
			 <a href='image/gallery/565338Untitled-2.jpg' class='hovereffect'>Lintang Noerjanto </a></p></td></tr>
						 </table>
						  </td></tr></table>		</td></tr>
		</table>

  

    </div>
   </body>
</html>

</html>